<template>
	<view class="order-list-content" >
		<!-- tab -->
		<view class="tab-wrap">
			<zb-tab
			  :activeStyle="{
			    fontWeight: 'bold',
			    transform: 'scale(1.1)'
			    }"
			  :data="list0"
			  v-model="active"
			  lineColor="#5ca45b"
			  :scrollable="true"
			 ></zb-tab>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				active:0,
				list0:[{
				    name: '待支付',
				    value: 0,
				}, {
				    name: '待发货',
				    value: 1,
				},{
				    name: '运输中',
				    value: 2,
				},{
				    name: '已完成',
				    value: 3,
				},{
				    name: '已取消',
				    value: 4,
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less"  scoped >
.order-list-content{
	background-color: #fbf9ec;
	
	.tab-wrap{
		position: fixed;
		width: 100%;
		z-index: 1000;
		// padding-bottom: 2;
	}
	
}
</style>
